<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="description" content="Free Web tutorials">
	<meta name="keywords" content="Tech Rider">
	<meta name="author" content="Jonatan Martínez">
	<title>MyTechRider</title>

	<link rel="stylesheet" type="text/css" href="css/estilos-app.css">

</head>
<body>
	<div class="ipad">
		<div class="container-app">
			<header>
				<a href="#">Volver al stage</a>
				<h1>Backline</h1>
			</header>
			<nav class="nav-ppal">
				<ul>
					<li class="band-info"><a href="#">Band info</a></li>
					<li class="size"><a href="#">Tamaño</a></li>
					<li class="shape"><a href="#">Forma</a></li>
				</ul>
				<ul>
					<li class="credit"><a href="#">Credit</a></li>
				</ul>
				<ul>
					<li class="Guardar-all"><a href="#">Guardar</a></li>
					<li class="export"><a href="#">Exportar</a></li>
					<li class="input-list-btn"><a href="#">Imput list</a></li>
				</ul>
			</nav>
			<section class="container-backline">
				<div class="backline">
					<span class="spot-1">1</span>
					<span class="spot-2">2</span>
					<span class="spot-3">3<a href="#" class="spot-bat">Batería</a></span>
					<span class="spot-4">4<a href="#" class="spot-pia">Piano</a><a href="#" class="spot-cor">Coro</a></span>
					<span class="spot-5">5</span>
					<span class="spot-6">6<a href="#" class="spot-acu">Guitarra Acústica</a><a href="#" class="spot-cor">Coro</a></span>
					<span class="spot-7">7<a href="#" class="spot-ele">Guitarra eléctrica</a><a href="#" class="spot-cor">Coro</a></span>
					<span class="spot-8">8</span>
					<span class="spot-9">9<a href="#" class="spot-baj">Bajo</a><a href="#" class="spot-cor">Coro</a></span>
					<span class="spot-10">10<a href="#" class="spot-key">Keybord</a><a href="#" class="spot-cor">Coro</a></span>
					<span class="spot-11">11</span>
					<span class="spot-12">12</span>
					<span class="spot-13">13<a href="#" class="spot-voz">Batería</a></span>
					<span class="spot-14">14</span>
					<span class="spot-15">15</span>
				</div>
				<nav class="nav-backline">
					<li class="voz">
						<span>Voz</span>
						<a href="#"></a>
					</li>
					<li class="ele">
						<span>G. Elcéctrica</span>
						<a href="#"></a>
					</li>
					<li class="acu">
						<span>G. Acústica</span>
						<a href="#"></a>
					</li>
					<li class="bat">
						<span>Batería</span>
						<a href="#"></a>
					</li>
					<li class="baj">
						<span>Bajo</span>
						<a href="#"></a>
					</li>
					<li class="pia">
						<span>Piano</span>
						<a href="#"></a>
					</li>
					<li class="key">
						<span>Keywords</span>
						<a href="#"></a>
					</li>
				</nav>
			</section>
		</div>
	</div>
</body>
</html>